/*地球上圆圈样式*/
.waveRaidus {
    opacity: 0;
    position: absolute;
    left: 50%;top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: waveRaidus 2s ease-out 0s infinite;
    animation: waveRaidus 2s ease-out 0s infinite;
    border-radius: 50%;
}
@-webkit-keyframes waveRaidus {
    0% {
        width: 100%;height: 100%;opacity: 0;
    }
    65% {
        width: 100%;height: 100%;opacity: 0;
    }
    66% {
        width: 100%;height: 100%;opacity: 0.8;
    }
    100% {
        width: 130%;height: 130%;opacity: 0;
    }
}
.cir{
    border-radius: 50%;
    position: absolute;
}
.circle1{
    width: 5.22%;
    height: 10.3%;
    right: 16%;
    top:16%;
}
.circle1 .waveRaidus{
    border:.2em solid #1EB6D6;
}
.circle2{
    width: 5.4%;
    height: 10.3%;
    right: 34%;
    top:26%;
}
.circle2 .waveRaidus{
    border:.2em solid #1EB6D6;
}
.circle3{
     width: 4.4%;
     height: 8.3%;
     right: 29%;
     bottom: 42%;
 }
.circle3 .waveRaidus{
    border:.2em solid #1EB6D6;
}
.circle4{
    width: 4.4%;
    height: 8.3%;
    left: 31%;
    bottom: 30%;
}
.circle4 .waveRaidus{
    border:.2em solid #1EB6D6;
}
.circle5{
    width: 5.4%;
    height: 10.3%;
    right: 22%;
    top: 36%;
}
.circle5 .waveRaidus{
    border:.2em solid #FFB400;
}
.circle6{
    width: 4.8%;
    height: 8.8%;
    right: 33%;
    top: 42%;
}
.circle6 .waveRaidus{
    border:.2em solid #FFB400;
}
.circle7{
    width: 4%;
    height: 8%;
    left: 23%;
    top: 34%;
}
.circle7 .waveRaidus{
    border:.2em solid #40DB7E;
}
.circle8{
    width: 3.6%;
    height: 7%;
    left: 36%;
    top: 10%;
}
.circle8 .waveRaidus{
    border:.2em solid #40DB7E;
}
.circle9{
    width: 3.6%;
    height: 7%;
    left: 51%;
    top: 23%;
}
.circle9 .waveRaidus{
    border:.2em solid #40DB7E;
}
.circle10{
    width: 2%;
    height: 4%;
    right: 36%;
    top: 18%;
}
.circle11{
    width: 2%;
    height: 4%;
    right: 25%;
    bottom: 34%;
}
.circle12{
    width: 2.6%;
    height: 5%;
    right: 20%;
    bottom: 24%;
}